<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>	
<link rel="stylesheet" href="${pageContext.request.contextPath}/css/dropdown-menu.css" type="text/css" />
<script type="text/javascript" src="${pageContext.request.contextPath}/js/order/list.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	/**
	 * 支付状态
	 */

	$("#queryStatusIdsItem").on('click',function(e){
		var $target = $(e.target);
		//console.log($target.is('li>a'));
		if($target.is('li>a') ){
			 $('#text_queryStatus').text($target.text());
			 if($target.text() =="全部"){ 
				 $("#queryStatus").val("0"); 
			 }else{
				 console.log($target.attr("status"))
				 $("#queryStatus").val($target.attr("status"));
			 }
		}
	});
});
</script>
	<div class="m-b-md">
		<form class="form-inline" role="form" id="searchForm"
			name="searchForm">
			<div class="form-group">
			    
				<label class="control-label"> <span
					class="h4 font-thin v-middle">订单号:</span></label> <input
					class="input-medium ui-autocomplete-input" id="orderId"
					name="paramMap.orderId">
			</div>
			<div class="form-group">
			    
				<label class="control-label"> <span
					class="h4 font-thin v-middle">买家账号:</span></label> <input
					class="input-medium ui-autocomplete-input" id="mPhone"
					name="paramMap.mPhone">
			</div>
			<div class="form-group">		
			     <label class="control-label"><span class="h4 font-thin v-middle">订单状态:</span></label>								           
				 <div class="btn-group">
					   <button type="button" class="btn btn-default" style="width: 160px;"  id="queryStatusIds" data-toggle="dropdown">
					             <span id='text_queryStatus'>全部</span> <span class="caret"></span>
					   </button>
					    <ul class="dropdown-menu" role="menu"   aria-labelledby="queryStatusIds" id="queryStatusIdsItem" >
					       <li><a href="#" status="0">全部</a></li>
					       <li><a href="#" status="1">未付款</a></li>
					       <li><a href="#" status="2">已付款</a></li>
					       <li><a href="#" status="3">已发货</a></li>					       
					       <li><a href="#" status="4">已完成</a></li>
					       <li><a href="#" status="6">已取消</a></li>
					       <li><a href="#" status="7">已作废</a></li>
					       <li><a href="#" status="5">退款</a></li>
					   </ul>	 	 
		        </div>
 				<input type="hidden" id="queryStatus" name="paramMap.queryPcStatus" value="0" > 
			</div>
			
			<a href="javascript:void(0)" class="btn btn-default" id="search">查询</a>
			<a href="javascript:grid.exportData('/order/export')" class="btn btn-info" id="search">导出excel</a>
		</form>
	</div>
	<header class="panel-heading">
	<div class="doc-buttons">
		<c:forEach items="${res}" var="key">
			${key.description}
		</c:forEach>
	</div>
	</header>
	<div class="table-responsive">
		<div id="paging" class="pagclass"></div>
	</div>
	
	<div class="table-responsive">
		<div id="paging2" class="pagclass"></div>
	</div>
